/* ====== כפתור נגישות ====== */
.accessibility-btn {
  position: fixed;
  top: 1em;
  right: 1em;
  z-index: 1000;
  font-size: 0.5em;           /* חצי מהגודל המקורי */
  padding: 0.25em 0.375em;     /* חצי הפדינג המקורי */
  background: #fff;
  border: 1px solid #000;
  border-radius: 0.25em;
  cursor: pointer;
}

/* ====== פאנל הגדרות נגישות ====== */
.accessibility-panel {
  position: fixed;
  top: 3.5em;
  right: 1em;
  z-index: 1000;
  background: #fff;
  border: 1px solid #000;
  border-radius: 0.5em;
  padding: 1em;
  width: 12em;
  display: none;
}
.accessibility-panel[aria-hidden="false"] {
  display: block;
}

/* ====== מצב ניגודיות גבוהה ====== */
.high-contrast {
  background-color: #222 !important;
  color: #ffd700 !important;
}
.high-contrast a,
.high-contrast button {
  color: #ffd700 !important;
  background: transparent !important;
  outline: 2px solid #ffd700 !important;
}

/* ====== הגדלה / הקטנה של גופן ====== */
body.font-large {
  font-size: 1.2em;
}
body.font-small {
  font-size: 0.9em;
}

/* ====== הדגשת קישורים ====== */
body.highlight-links a {
  background-color: #ffd700;
  outline: 2px dashed #000;
  padding: 0.1em;
  text-decoration: none;
}

/* ====== ניגודיות גבוהה — תוקף רק על גוף הדף ====== */
body.high-contrast {
  background-color: #222 !important;  /* רקע כללי כהה */
  color: #ffd700 !important;          /* טקסט זהוב */
}

/* קישורים וכפתורים במצב ניגודיות גבוהה */
body.high-contrast a,
body.high-contrast button:not(.accessibility-btn) {
  color: #ffd700 !important;
  background: transparent !important;
  outline: 2px solid #ffd700 !important;
}

/* ====== איפוס ניגודיות לפאנל ולכפתור הנגישות ====== */
/* נשאיר את שניהם לבנים עם טקסט שחור */
body.high-contrast .accessibility-panel,
body.high-contrast .accessibility-btn {
  background-color: #fff !important;
  color: #000 !important;
  outline: none !important; /* מבטל את התוחם מזהב */
}

/* אם יש רכיבים נוספים עם רקע לבן קבוע, אפשר להוסיף אותם לכאן */